<template>
	<view class="box">
		<view class="con">
			<view v-if="list.length">
				<view class="list" v-for="(item,index) in list" :key='item.id'>
          <view class="left">
            <view class="pic">
              <image class="img" :src="item.flag === 'IN' ? '../static/addCoupons.png':'../static/subCoupons.png'"></image>
            </view>
            <view class="content-box">
              <view class="title">
                类型
                <text class="text">{{ matchingType(item.type) }}</text>
              </view>
              <view class="title">
                方式
                <text class="text">{{ item.title }}</text>
              </view>
              <view class="title">
                时间
                <text class="time">{{ item.time }}</text>
              </view>
            </view>
          </view>
          <view class="right" :style="item.flag === 'IN' ?'color: #FD3D28;':''">{{ `${item.flag === 'IN'?'+':'-' }${Number(item.change).toFixed(0)}` }}</view>
			  </view>
      </view>
      <view class="none" v-else>
        <view class="none-view">
          <image src="../../../static/image/none.png" class="none-image"></image>
          <view class="none-name">
            暂无相关数据~
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
	var than;
	export default {
		data() {
			return {
				list: [],
				page: 1
			}
		},
		onLoad(option) {
			than = this;
			// than.getList()
			than.getNewList()
		},
		onReachBottom() {
			// than.getList()
		},
		methods: {
      /**
       * 获取明细内容
       */
      getNewList() {
        than.post("api/ticket/useNewList", {}, function(data) {
          than.list = data
        })
      },
      matchingType(type) {
        switch (type) {
          case 'ONSALE_GOODS_MORE':
            return '挂卖消耗'
            break;
          case 'MANAGE_GIVE':
            return '补偿'
            break;
          case 'INVITE_BUY_GOODS_GIVE':
            return '推荐奖励'
            break;
          case 'FINISH_TASK':
            return '任务奖励'
            break;
        }
      }
			// getList() {
			// 	than.post("api/Goldbean/goldBeanDetailed", {
			// 		page: than.page
			// 	}, function(data) {
			// 		for (let i in data) {
			// 			var d = data[i]
			// 			switch (d.goldtype) {
			// 				case 'REWARD_DIRECT':
			// 					d.name = "推荐奖励"
			// 					break;
			// 				case 'REWARD_INDIRECT':
			// 					d.name = "推荐奖励"
			// 					break;
			// 				case 'INVITE_MEMBER':
			// 					d.name = "邀请奖励"
			// 					break;
			// 				case 'EMIT_REWARD':
			// 					d.name = "出兑奖励"
			// 					break;
			// 				case 'EXCHANGE_GOODS':
			// 					d.name = "兑换蜂巢"
			// 					break;
			// 				case 'STUDY_REWARD':
			// 					d.name = "学习奖励"
			// 					break;
			// 				case 'SIGN_IN_REWARD':
			// 					d.name = "签到奖励"
			// 					break;
			// 				case 'EXCHANGE_GDB_TICKET':
			// 					d.name = "兑换金蜜券"
			// 					break;
			// 				case 'RETURN_EXCHANGE_GDB_TICKET':
			// 					d.name = "兑换金蜜券失败返还"
			// 					break;
			// 				case 'HAND_OUT_GDB_TICKET':
			// 					d.name = "派发金蜜券"
			// 					break;
			// 				case 'BUY_MEMBER_CARD':
			// 					d.name = "兑换会员卡"
			// 					break;
			// 				case 'ADVANCE_ENTRY':
			// 					d.name = "进场消耗"
			// 					break;
			// 				case 'BUY_CREDIT_SCORE':
			// 					d.name = "恢复信用分"
			// 					break;
			// 				case 'SHAKE_ACTIVE_GIVE':
			// 					d.name = "扭蛋奖励"
			// 					break;
			// 				case 'LIVE_REWARD':
			// 					d.name = "直播礼物"
			// 					break;
			// 				case 'INTERACT_REWARD_ADMIN':
			// 					d.name = "互动奖励"
			// 					break;
			// 				case 'REDUCE_GOODS_GIVE':
			// 					d.name = "拆解获得"
			// 					break;
			// 				case 'FENJIE_GOODS_GIVE':
			// 					d.name = "分解获得"
			// 					break;
			// 				default:
			// 					d.name = "未知"
			// 					break;
			// 			}
			// 		}
			// 		if (than.page == 1) {
			// 			than.list = data;
			// 		} else {
			// 			than.list = than.list.concat(data)
			// 		}
			// 	})
			// }
		}
	}
</script>

<style lang="less" scoped>
	.box {
		background: #FAFAFA;
    min-height: 100vh;
	}

	.con {
		padding: 6rpx 36rpx 0 36rpx;
		.list {
			padding: 30rpx 30rpx 33rpx 28rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			display: flex;
			align-items: center;
      justify-content: space-between;
			margin-top: 20rpx;
      .left {
        display: flex;
        align-items: center;
        .pic {
          width: 99rpx;
          height: 99rpx;
          margin-right: 20rpx;
          .img {
            width: 100%;
            height: 100%;
          }
        }
        .content-box {
          .title {
            font-size: 30rpx;
            color: #666666;
            .text {
              margin-left: 27rpx;
              color: #333333;
            }
            .time {
              margin-left: 27rpx;
            }
          }
        }
      }
      .right {
        font-size: 36rpx;
      }
		}
	}
</style>
